@import './modules/bass.scss';
@import './modules/header.scss';
@import './modules/footer.scss';


//正文部分
.nav2{
    height: 50px;
    width: 100%;
    background-color: white;
   text-align: center;
   line-height: 50px;
   font-size: 12px;
}
#div1 {width:100%;  height:550px;position:relative;text-align:center;overflow:auto;}
#div1 ul{
    height: 550px;
    overflow: auto;
    width: 6320px;
}
#div1 ul li{height:500px; 
    float: left;
    list-style: none;
}
#goPrev{left: 0;}
#goNext{right: 0;}
#div1 li img{width:1263px; height:500px;}
#div1 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#div1 .dots li 
{ 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    margin: 0 4px; 
    text-indent: -999em; 
    border: 2px solid #fff; 
    border-radius: 6px; 
    cursor: pointer; 
    opacity: .4; 
    -webkit-transition: background .5s, opacity .5s; 
    -moz-transition: background .5s, opacity .5s; 
    transition: background .5s, opacity .5s;
}
#div1 .dots li.active 
{
    background: #fff;
    opacity: 1;
}
#div1 .arrow { position: absolute; top: 200px;}
#div1 #al { left: 15px;}
#div1 #ar { right: 15px;}

.title1 ,.title2{
    margin-top: 100px;
    height: 730px;
    margin: 0 auto;
    max-width: 1100px;
    position: relative;
    text-align: center;
    overflow: hidden;
    .line1{
        background-color: #b7b7b7;
    content: "";
    height: 1px;
    left: 1.5%;
    position: absolute;
    top: 15px;
    width: 97%;
    }
    p{
    background:  #fff;
    display: inline-block;
    zoom: 1;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    // padding: 0 4%;
    position: relative;;
    font-size: 30px;
    z-index: 2;
}

  .nav3{
      height: 260px;
      width: 100%;
      text-align: center;
      position: absolute;
      top:50px;
      .line2{
        background-color: #b7b7b7;
        content: "";
        height: 1px;
        left: 1.5%;
        position: absolute;
        top: 259px;
        width: 97%;

      }
      overflow: hidden;
      li{
          height: 100%;
          width: 260px;
          float: left;
          :hover{
              border: 1px dashed gray;
          }
          a{
              display: inline-block;
              width: 260px;
              text-align: center;
              color: black;
              :hover{
                border: none;}
              h4{
                margin-bottom: 10px;
                font-weight: 400;
                :hover{
                    border: none;}

            }
          }
          img{
              text-align: center;
              margin-left: 30px;
              height: 160px;
              width: 160px;
              :hover{
                border: none;}
          }
        
      }
  }
 .goods{
    height: 260px;
    width: 100%;
    text-align: center;
    position: absolute;
    top:320px;
    li{
        height: 100%;
        width: 260px;
        float: left;
        :hover{
            border: 1px dashed gray;
        }
        a{
            display: inline-block;
            width: 260px;
            text-align: center;
            color: black;
            :hover{
                border: none;}
            h4{
                margin-bottom: 10px;
                font-weight: 400;
                :hover{
                    border: none;}
            }
        }
        img{
            text-align: center;
            margin-left: 30px;
            height: 160px;
            width: 160px;
            :hover{
                border: none;}
        }
      
    }

  }
  .lookMore{
      position: absolute;
      top:650px;
      left: 350px;
      color: white;
      margin:0 auto;
      height: 50px;
      width: 420px;
      line-height: 50px;
      background-color: black;
    //   text-align: center;
    span{
        display: inline-block;
        position: absolute;
        top:8px;
        
        background: url('/images/img1_footer.png') no-repeat 0 -160px;
        // background-size: 50%;
    }
    }
    }
.other1{
    min-height: 600px;
    
    .bar{
        height: 40px;
        line-height: 40px;
        width: 100%;
        background-color: #464646;
        color: #fff;
        span{
            // position: absolute;
            display: inline-block;
            height:25px;
        width: 25px;
            background:url('/images/img1_footer.png') no-repeat -40px -191px;
        }
    }
    .box{
        width: 100%;
        height: 480px;
        display: flex;
        justify-content: space-around;
        .shoes{
            display: flex;
            
            flex-direction: column;
            height: 497px;
            width: 479px;
            justify-content: space-around;
            .anymore{
                height: 50px;
                line-height: 50px;
                text-align: center;
                width: 200px;
                color: #fff;
                background-color: black;
                position: relative;
                span{
                    display: inline-block;
                    position: absolute;
                    top:8px;
                    height: 30px;
                    width: 30px;
                    background: url('/images/img1_footer.png') no-repeat  0 -160px;

                }
            }

        }
    }
}
.point .content{
    height: 360px;
    width: 100%;
    background-color: #464646;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    // align-content: space-between;
    text-align: center;
    .spans{
        span{
            display: inline-block;
            height: 80px;
            width: 75px;
            background-color: #fff;
            // background-size:623%; 
        }
        :nth-child(1){
            background:#ffff url('/images/share.png') no-repeat 0 0px;
        }
        :nth-child(2){
            background:#ffff url('/images/share.png') no-repeat 0 -75px;
           
        }
        :nth-child(3){
            background:#ffff url('/images/share.png') no-repeat 0 -147px;
           
        }
        :nth-child(4){
            background:#ffff url('/images/share.png') no-repeat 0 -222px;
           
        }
      

    }
}

.footlist{
    height: 600px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border-top: 1px solid gray;
    padding-top: 50px;
    margin-top: 50px;
    font-size: 15px;
   
    dl{
        height: 280px;
        width: 222px;
        // border: 1px solid;
        display: flex;
        flex-direction: column;
        margin-right: 5px;
        text-align: center;
        justify-content: space-around;
        
        
        dd{
            height: 20px;
            width: 220px;
            color: black;
            :hover{
                text-decoration: underline;
            }

        }
        a{
            color: black;
        }
    }
}

